import React from 'react';
import Drawer from 'material-ui/Drawer';
import List from 'material-ui/List';
import { withStyles } from 'material-ui/styles';

const styles = {
  list: {
    width: 250,
  },
  listFull: {
    width: 'auto',
  },
};

class LeftDrawer extends React.Component {

  constructor(props) {
    super(props);
    this.state = {open: false};
  }

  handleToggle = () => {
    this.setState({open: !this.state.open});
  }

  handleClose = () => {
    this.setState({open: false});
  }

  render() {
    return (
      <Drawer open={this.state.open} onClose={this.handleClose.bind(this)} >
        <div >
          <List>111</List>
          <List>222</List>
        </div>
      </Drawer>
    );
  }
}

export default withStyles(styles)(LeftDrawer)